import React from 'react'
import './index.css'
import Item from './Item'
export default function List({ todoList, setTodoList }) {
    return (
        <ul className="todo-main">
            {
            todoList.map((item) => {
                return <Item key={item.id}{...item} todoList={todoList} setTodoList={setTodoList}/>
            })
            }
        </ul>
    )
}
